<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>sde</title>

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">

    <style>

    </style>
    <link rel="stylesheet" href="css/common.css">
</head>

<body>

<div class="list-pic">
    <div class="container">
        <div class="row">
            <div class="col-md-3 ">
                <div class="side">
                    <h2>xx中心</h2>
                    <ul>
                        <li class="active"><a href="">类别类别</a></li>
                        <li><a href="">类别类别</a></li>
                        <li><a href="">类别类别</a></li>
                        <li><a href="">类别类别</a></li>
                        <li><a href="">类别类别</a></li>
                        <li><a href="">类别类别</a></li>
                        <li><a href="">类别类别</a></li>
                    </ul>
                </div>
                <div class="side1">
                    <img src="images/lxservice.png" class="img-responsive" alt="">
                    <i class="fa fa-phone fa-3x"></i>
                    <span>联系热线：</span>
                    <b>888888888</b>
                    <div style="width: 100%;height: 1px;background-color: #ccc;margin: 5px 0px"></div>
                    <p>电话：400-858-8586</p>
                    <p>传真号码：0579-82980099</p>
                    <p>邮箱：linfeijiashi@188.com</p>
                    <p>生产厂址：浙江省义乌市赵宅步行街10号</p>
                </div>
                <div class="side2">
                    <h2>推荐xx</h2>
                    <div class="wrap">
                        <a href="#" class="thumbnail">
                            <img src="images/zsh3.jpg" alt="...">
                        </a>
                        <p>标题</p>
                        <a href="#" class="thumbnail">
                            <img src="images/zsh3.jpg" alt="...">
                        </a>
                        <p>标题</p>
                    </div>


                </div>
            </div>

            <div class="col-md-9 listrt">
                <div class="row">
                    <h4>
                        <i class="fa fa-home fa-3x"></i>
                        <span>当前位置：</span> 首页 » 浮雕装饰画
                    </h4>
                </div>

                <div class="row">
                    <div class="col-xs-6 col-md-4">
                        <a href="#" class="thumbnail">
                            <img src="images/zsh3.jpg" alt="...">
                        </a>
                        <p>标题</p>
                    </div>
                    <div class="col-xs-6 col-md-4">
                        <a href="#" class="thumbnail">
                            <img src="images/zsh3.jpg" alt="...">
                        </a>
                        <p>标题</p>
                    </div>
                    <div class="col-xs-6 col-md-4">
                        <a href="#" class="thumbnail">
                            <img src="images/zsh3.jpg" alt="...">
                        </a>
                        <p>标题</p>
                    </div>
                    <div class="col-xs-6 col-md-4">
                        <a href="#" class="thumbnail">
                            <img src="images/zsh3.jpg" alt="...">
                        </a>
                        <p>标题</p>
                    </div>


                </div>

                <div class="row reco">
                    <h4>
                        <span>推荐资讯</span> <i>/RECOMMENDED NEWS</i>
                    </h4>
                    <div class="recolist">
                        <div class="col-md-6">
                            <span>2018-2-9</span>
                            <a href="">推荐资讯推荐资讯 </a>
                        </div>
                        <div class="col-md-6">
                            <span>2018-2-9</span>
                            <a href="">推荐资讯推荐资讯 </a>
                        </div>
                        <div class="col-md-6">
                            <span>2018-2-9</span>
                            <a href="">推荐资讯推荐资讯 </a>
                        </div>
                        <div class="col-md-6">
                            <span>2018-2-9</span>
                            <a href="">推荐资讯推荐资讯 </a>
                        </div>
                    </div>
                </div>
                <div class="row reco">
                    <h4>
                        <span>推荐产品</span> <i>/RECOMMENDED product</i>
                    </h4>
                    <div class="recolist">
                        <div class="col-xs-4 col-md-3">
                            <a href="#" class="thumbnail">
                                <img src="images/zsh3.jpg" alt="...">
                            </a>
                            <p>标题</p>
                        </div>

                        <div class="col-xs-4 col-md-3">
                            <a href="#" class="thumbnail">
                                <img src="images/zsh3.jpg" alt="...">
                            </a>
                            <p>标题</p>
                        </div>

                        <div class="col-xs-4 col-md-3">
                            <a href="#" class="thumbnail">
                                <img src="images/zsh3.jpg" alt="...">
                            </a>
                            <p>标题</p>
                        </div>

                        <div class="col-xs-4 col-md-3">
                            <a href="#" class="thumbnail">
                                <img src="images/zsh3.jpg" alt="...">
                            </a>
                            <p>标题</p>
                        </div>

                        <div class="col-xs-4 col-md-3">
                            <a href="#" class="thumbnail">
                                <img src="images/zsh3.jpg" alt="...">
                            </a>
                            <p>标题</p>
                        </div>


                    </div>
                </div>
            </div>


        </div>
    </div>
</div>


<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>